<div class="breadcrumb" style="height:22px;position:fixed;z-index: 200;margin-bottom: 0px">
    <!--span class="add-on remove-input curse_pointer" ><i class="icon-refresh" style="margin-top: -2px"></i></span>
    <a rel="popover" title="Score" data-placement="bottom" data-content="The higher the better">
        <p class="help-inline"><strong>Operation Score:</strong>123123</p>
    </a>
    <a rel="popover"title="Rank" data-placement="bottom" data-content="Rank of all users involved in this project. Eg. 'top 10%' means your score is 10% highest in the group and 90% of the members' score are lower than yours">
        <p class="help-inline"><strong>Rank:</strong>78.2%</p>
    </a-->
</div>


<div class="blank" style="width: 1070px;position:fixed;height: 15px;margin-top:36px;background-color: white;z-index: 100;"></div>
<div class="row" id="top-content" style="width: 1120px;margin-top: 50px">
    <div class="span3" style="width: 270px">
        <div style="height: 35px;position: fixed;z-index: 100">
            <div class="form-search input-append" style="z-index:10;">
                <input type="text" class="span2 input-typeahead" style="width: 150px" data-provide="typeahead" data-items="10" autocomplete="off">
                <span class="add-on remove-input curse_pointer" ><i class="icon-remove"></i></span>
                <span class="add-on search-input curse_pointer" ><i class="icon-search"></i>Search</span>
            </div>
        </div>
        <div class="nav-classdiagram" style="width:258px;margin-top: 35px; border:2px solid rgb(215, 215, 215);-webkit-border-radius:4px;padding-right:0px;overflow:auto">
            <%- partial('ifm-nav') -%>
        </div>
    </div>
    <div class="span6-compact" style="width: 530px">
        <div class="span6-compact content-detail" style="position:fixed;width: 530px;overflow: auto;border:2px solid #d7d7d7; -webkit-border-radius: 4px; margin: 0px -20px -0px -5px;">
            <%- partial('ifm-content') %>
        </div>
    </div>
</div>

<!--other part-->
<%- partial('icd-modal') %>


<script src="/javascripts/user-involve.js"></script>
<script src="/javascripts/user-involve-function.js"></script>
<script src="/javascripts/input-check-function.js"></script>
<script src="/javascripts/ajax-function.js"></script>
<!--script src="/javascripts/user-involve.js"></script>
<script src="/javascripts/user-involve-function.js"></script>
<script src="/javascripts/user-involve-recommend.js"></script>
<script src="/javascripts/typeahead-function.js"></script>
<script src="/javascripts/input-check-function.js"></script>
<script src="/javascripts/html-get.js"></script-->
<script>
    window.onload = function(){
        //中部区域的高度设定
        //zoomWindow();
        var maxheightMiddle = $(window).height()-$(".navbar").height()- $(".breadcrumb").outerHeight()-52;
        var maxheightMiddle2 = maxheightMiddle -40
        $(".span6-compact").css("max-height",maxheightMiddle+'px');
        $(".span3-compact").css("max-height",maxheightMiddle+'px');
        $("#top-content").children(".span3").css("max-height",maxheightMiddle2+'px');
        $("#top-content").children(".span3").children(".nav-classdiagram").css("max-height",maxheightMiddle2+'px');

        var heightMiddle = maxheightMiddle;
        var heightMiddle2 = maxheightMiddle2;
        var min_heightMiddle = heightMiddle - $(".search-input").outerHeight()-5;
        $(".span6-compact").css("height",heightMiddle+'px');
        $(".span3-compact").css("height",heightMiddle+'px');
        $("#top-content").children(".span3").css("height",heightMiddle2+'px');
        $("#top-content").children(".span3").children(".nav-classdiagram").css("height",heightMiddle2+'px');
        $(".nav-classdiagram").css("min-height",min_heightMiddle+'px');

        //调整整体区域大小
        $(".container").css("width","800px");
        $("div.breadcrumb").css("width","780px");

        $("a[rel=popover]").popover({
            trigger : 'hover'
        });

        $("#testTree").children("ul").children().remove();
        $("#testTree").children("li").children("input[type='hidden']").val("<%=cfm._id%>");

        var  data = {
            cfm_id:     "<%=cfm._id%>",
            user:   "<%=user.mail%>"
        };

        ajax_getTree(data);
    };

    window.onresize = function(){
        //中部区域的高度设定
        //zoomWindow();
        var maxheightMiddle = $(window).height()-$(".navbar").height()- $(".breadcrumb").outerHeight()-52;
        var maxheightMiddle2 = maxheightMiddle - 40;
        $(".span6-compact").css("max-height",maxheightMiddle+'px');
        $(".span3-compact").css("max-height",maxheightMiddle+'px');
        $("#top-content").children(".span3").css("max-height",maxheightMiddle2+'px');
        $("#top-content").children(".span3").children(".nav-classdiagram").css("max-height",maxheightMiddle2+'px');


        var heightMiddle = maxheightMiddle;
        var heightMiddle2 = maxheightMiddle2;
        var min_heightMiddle = heightMiddle - $(".search-input").outerHeight()-5;
        $(".span6-compact").css("height",heightMiddle+'px');
        $(".span3-compact").css("height",heightMiddle+'px');
        $("#top-content").children(".span3").css("height",heightMiddle2+'px');
        $("#top-content").children(".span3").children(".nav-classdiagram").css("height",heightMiddle2+'px');
        $(".nav-classdiagram").css("min-height",min_heightMiddle+'px');
    };
</script>